<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>保单信息</title>
		<!--退保--保单信息-->
		<link rel="stylesheet" type="text/css" href="../statics/css/bootstrap.min.css" />
		<style type="text/css">
			.aaaa{
				margin: 0em;
				padding: 0em;
				width:100% ;
			}
			.bt {
				text-align: center;
			}
			/*车辆信息*/
			
			span {
				margin: 0.1em;
			}
			
			.zty {
				width:100% ;
				margin: 0em;
				padding: 0em;
				background-color: white;
			}
			
			.col-xs-12 {
				padding: 0em;
			}
			
			.col-xs-7 {
				padding: 0em;
			}
			
			.col-xs-4 {
				padding: 0em;
			}
			/*上面数据的盒子*/
			
			.dd {
				margin-top: 1em;
				margin-left: 0.3em;
				background-color: white;
			}
			
			.qr {
				background: rgb(253, 63, 96);
				border-style: none;
				border-radius: 0.5em;
				width: 23em;
				height: 3em;
				color: white;
				margin-top: 2.2em;
				margin-left: 1.1em;
			}
			
			.clxx {
				margin-top: 0.5em;
				margin-left: 0.3em;
				background-color: white;
			}
			
			span {
				margin: 0.3em;
			}
			/*车辆信息*/
			
			.cc {
				border-top: 0.1em solid rgb(194, 194, 194);
				margin-top: 1em;
				margin-bottom: 1em;
				height: 3em;
				background: rgb(242, 242, 242);
				border-bottom: 0.1em solid rgb(194, 194, 194);
			}
			/*个人信息*/
			
			.cc2 {
				border-top: 0.1em solid rgb(194, 194, 194);
				height: 3em;
				background: rgb(242, 242, 242);
				border-bottom: 0.1em solid rgb(194, 194, 194);
			}
			
			.cxbd {
				margin-top: 0.7em;
			}
			
			
		</style>
</head>
		<body>
	
			<div class="container-fluid aaaa">
			<!--整体页面大盒子-->
			<div class="col-xs-12 zty">
				<!--个人信息-->
				<div class="col-xs-12 cc2">
					<p class="col-xs-12 cxbd">&nbsp&nbsp个人信息</p>

				</div>
				<!--上面的数据的div-->
				<div class="col-xs-12 dd">

					<!--被保人名称-->
					<div class="col-xs-12 ">

						<span class="col-xs-7">被保人名称:</span>
						<span class="col-xs-4">这是假数据</span>

					</div>

					<!--被保人身份证号-->
					<div class="col-xs-12 sfz">

						<span class="col-xs-7"> 被保人身份证号:</span>
						<span class="col-xs-4">这是假数据</span>

					</div>

					<!--保单号-->

					<div class="col-xs-12 bbh">

						<span class="col-xs-7"> 保单号:</span>
						<span class="col-xs-4">这是假数据</span>

					</div>
				</div>
				<!--车险保单-->
				<div class="col-xs-12 cc">
					<p class="col-xs-12 cxbd">&nbsp&nbsp车险保单</p>

				</div>

				<!--车辆信息-->
				<div class="col-xs-12 clxx ">
					<div class="col-xs-12 ">

						<span class="col-xs-7"> 车牌号:</span>
						<span class="col-xs-4">这是假数据</span>

					</div>
					<div class="col-xs-12  ">
						<span class="col-xs-7  "> 车型:</span>
						<span class="col-xs-4">这是假数据</span>

					</div>

				

					<!--车辆信息-->
				</div>
				<!--整体页面大盒子-->
			</div>

			<div class="col-xs-12 ">
				<input class="qr" type="submit" value="确认信息并退定" />
			</div>
</div>
		</body>

</html>